<template>
  <van-cell class="MMcell" @click="clickcell" :title="title">
    <template>
      <slot>{{ value }}</slot>
    </template>
    <template #icon>
      <i class="iconfont " :class="icon"></i>
    </template>
    <template #right-icon>
      <i class="iconfont iconicon_more"></i>
    </template>
  </van-cell>
</template>

<script>
export default {
  name: 'MMcell',
  // props: ['title', 'value', 'icon'],
  props: {
    title: {},
    value: {},
    icon: {}
  },
  methods: {
    clickcell () {
      this.$emit('click')
    }
  }
}
</script>

<style lang="less">
.MMcell {
  height: 55px;
  align-items: center;
  .iconfont {
    font-size: 16px;
  }
  .iconicon_more {
    font-size: 14px;
    margin-left: 9px;
  }
}
</style>
